@charset "UTF-8";

@media screen, projection
{
  body { overflow-y: scroll; background-color: #f7f7f7 !important;}

  body { width: 100%; background-color: #f7f7f7; }
/*
  .page_margins { margin: 0 auto; width: auto;  min-width: 740px; max-width: 100%; background: #eff1f3; }
  
  #header { padding: 55px 2px 10px 20px; color: #000; background:transparent url(images/header.jpg) no-repeat -2px -2px;}
  #topnav { color: #aaa; background: transparent;  margin: 0% 95%;}
  #nav { overflow:hidden; }
  div.hlist {  }
  #main { margin: 20px 0px; background: #eff1f3; margin-bottom: 0%;} /* margin-bottom: 25% */
/*  #footer { padding: 10px 20px 10px; color:#666; background: #f9f9f9; border-top: 5px #efefef solid; }

  #nav ul { margin-left: 20px; }
*/  
}

h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

.sendButton {
  display: block;
  font-size: 16pt;
}

.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.comboBoxStyle {
  //width: 400px;
  border: 3px solid #8d8585;
  margin: 1px;
}

.comboBoxButtonStyle {
  background:transparent url(images/plus.gif) no-repeat -2px -2px;
  width: 25px;
  height: 25px;
}

.tooltip {
        border: 1px solid black;
        padding: 2px 3px 3px 3px;
        font-size: smaller;
        background-color: #ffffcc;
}

.buttonStyle,
.sendButtonStyle,
.testButtonStyle,
.addTableButtonStyle,
.importPageButtonStyle,

.expandAllIncludesButtonStyle,
.collapseAllIncludesButtonStyle,
.textInputButtonStyle,
	
.discardButtonStyle,
.testPageButtonStyle{
width: 37px;
height: 37px;
cursor: pointer;	
}	
.sendButtonStyle {	
  background: transparent url(images/save.jpg) no-repeat -2px -1px;  
}

.addTableButtonStyle {
  background: transparent url(images/add.png) no-repeat -2px -1px;  
}

.importPageButtonStyle {
  background: transparent url(images/import.png) no-repeat -2px -1px;  
}

.expandAllIncludesButtonStyle {
  background: transparent url(images/expand.png) no-repeat -2px -1px;  
}

.collapseAllIncludesButtonStyle {
  background: transparent url(images/collapse.png) no-repeat -2px -1px;  
}

.textInputButtonStyle {
  background: transparent url(images/inputText.png) no-repeat -2px -1px;  
}

.includeExceptionWidgetStyle .topCenter,
.includeExceptionWidgetStyle .bottomCenter,
.includeExceptionWidgetStyle .middleLeft,
.includeExceptionWidgetStyle .middleRight {
  background-color: #ff2400;
}

.testButtonStyle {
  background: transparent url(images/execute.png) no-repeat -2px -1px;  
}

.discardButtonStyle {
  background: transparent url(images/cancel.png) no-repeat -2px -1px;  
}

.testPageButtonStyle {
  background: transparent url(images/test.png) no-repeat -2px -1px;  
}

.IncludeErrorPanel {
   border-style: solid;
   border-width:2;
   border-color: #ff2400;
}

.editInTableStyle
{
	//border: 4px
}

.tablePanelStyle
{
  border: 1px solid black;
}
.flexTableStyle
{
  border: 3px solid #b7d6f6; //#d0e4f6;
  margin: 3px;
  font: Courier New;
}

.headerCellStyle
{
   background-color: #c0c0c0;
}

.tableCellStyle
{
  font-family: Courier New;
  border: 1px solid #c0c0c0;
}

.tableCellPassStyle
{
  font-family: Courier New;
  border: 1px solid #c0c0c0;
  background-color: #90FF90;
}

.tableCellFailStyle
{
  font-family: Courier New;
  border: 1px solid #c0c0c0;
  background-color: #FF9090;
}

.tableCellExecptionStyle
{
  font-family: Courier New;
  border: 1px solid #c0c0c0;
  background-color: #BBBB40;
}

.tableMenu {
  background-color: gray;
  border-color: gray gray gray gray;
  border-width: 1px 3px 3px 1px;
  border-style: solid solid solid solid;
}
 
.tableMenuItem {
  font-weight: normal;
  font-size: 80%;
}

.editPanelBody{
width: 100%;
border-top: 3px solid #e8eef7;	
margin: 0px;
padding: 0px;
/*background-color: #d4d4d4;*/
}

.editPanel{
margin: 0px;
padding: 0px;
}

.spacePanel{
padding-top: 12px;
padding-bottom: 12px;
}

.editPanelTitle{
margin: 0px; 
background-color: #b6b6b6 !important;
padding-left: 15px;
padding-top: 2px;
padding-bottom: 2px;
width: 100%;
}

.root-panel{
 width: 100%; 
 /*height: 100%;*/
 background-color: #f7f7f7 !important;
}

.main-label{ 
 width:100%;
 height: 80px; 
 background:transparent url(images/header.jpg) no-repeat -2px -2px;	
}

.panel-for-edit{ 	
 width:100%;
 margin: 0px; 
 background-color: #b6b6b6 !important;
}

.editTitleText{
 font-weight: bold !important;
 font-size: 16px !important;
 outline: 0;
 text-decoration: underline;
 color: black;
}

.progressbarFull {
 background: url(images/progressbaractive.png) repeat-x;
}

.progressbarBlank {
 background: url(images/progressbar.png) repeat-x;
}

.progressbarText {
 font-weight: bold;
 color: black;
 font-size: 12px;
}

.progressbarBorder {
 border-style: solid;
 border-color: black;
 border-width: 1;
}

a.editTitleText: active{
 outline: 0;
 text-decoration: underline;
 color: black;
} 

a.editTitleText:focus {
 outline: 0;
 text-decoration: underline;
 color: black;
} 

a.editTitleText:link {
 outline: 0;
 text-decoration: underline;
 color: black;
} 

a.editTitleText:visited {
 outline: 0;
 text-decoration: underline;
 color: black;
} 

a.editTitleText:hover {
 outline: 0;
 text-decoration: underline;
 color: black;
} 

a.editTitleText:BEFORE {
 outline: 0;
 text-decoration: underline;
 color: black;
} 
.table-panel{
 width:98%; 
 margin: 0px; 
 overflow:auto !important;
 /*background-color: #f7f7f7 !important;*/
}
.serverResponseLabelError {
  color: red;
}

#closeButton {
  margin: 15px 6px 6px;
}

@media all
{
  .hlist {
    width: 100%;
    overflow: hidden;
    float: left;
    display: inline;
    position:relative;
    background: #c0c0c0 repeat-x center right;
    border-top: 1px #333 solid;
    border-bottom: 1px #333 solid;
    line-height: 0;
  }

  .hlist ul {
    display: inline;
    float: right; /* LTR */
    margin: 0 0 0 50px; /* LTR */
    padding: 0;
    border-left: 1px #aaa solid;
    border-right: 1px #fff solid;
  }

  .hlist ul li {
    border-left: 1px #fff solid;
    border-right: 1px #aaa solid;
    display: inline;
    float: left; /* LTR */
    font-size: 1.0em;
    line-height: 1em;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  .hlist ul li a,
  .hlist ul li strong {
    background: transparent;
    color: #000;
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding: 0px 0px;
    text-decoration: none;
    width: 35px;
    height: 35px;
  }

  .hlist ul li a:focus,
  .hlist ul li a:hover,
  .hlist ul li a:active  { background: #eee; color: #333; text-decoration: none; }

  .hlist ul li.active {
    background: #272727 repeat-x center right;
    border-left: 1px #444 solid;
    border-right: 1px #888 solid;
  }

  .hlist ul li.active strong,
  .hlist ul li.active a:focus,
  .hlist ul li.active a:hover,
  .hlist ul li.active a:active { background: transparent; color: #fff; text-decoration: none; }
}

#fixed
{
  width: 100%;
  padding: 0 0;
  background-color: #c0c0c0; 
  position: fixed;
  top: 0;
  left: 0;
  top: expression(
   document.getElementsByTagName( 'body' )[0].scrollTop + "px"
   );
 }

 #content
 {
   padding: 100px 0; // displase fixed area 
   width: 100%;
   height: 500px;
}

#combo
{ 
  width: 100%; 
  background-color: #c0c0c0;  
}
